.wp-banner { height: 424px; background: url("../images/banner_b.jpg") no-repeat center 0; position: relative; }
.sousuo{ width: 980px; overflow: hidden; margin: 0 auto; }
.sousuo2 {float: left;
    width: 980px;}
.wp-banner h2 { font-size: 60px; color: #fff; letter-spacing: 2px; font-weight: normal; width: 100%; text-align: center; margin-top: 108px; }
.wp-banner .classics { font-size: 36px; color: #FFFFFF; width: 100%; text-align: center; letter-spacing: 1px; margin-top: 15px }
.wp-banner .wp-relative { width: 1210px; margin: 0 auto; overflow: hidden }
/*搜索框*/
.wp-banner .slide { height: 380px; overflow: hidden; }
.wp-banner .slide img { width: 100%; height: 380px; }
.wp-banner .tabs { z-index: 10; position: absolute; clear: both; height: 18px; line-height: 18px; border-radius: 9px; left: 50%; top: 95%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.wp-banner .tabs li { border-radius: 50%; background: #fff; width: 3px; height: 3px; float: left; font-size: 0; transition: all .2s; margin: 0px 3px; cursor: pointer; }
.wp-banner .tabs li.first { width: 15px; height: 15px; margin-top: -7px; background: url(../images/workppt-icon_new.png) no-repeat -69px -288px; }
.wp-banner .tabs li.last { width: 15px; height: 15px; border: 1px solid #fff; background: none; margin-top: -7px; }
.wp-zhuanti-wrapper { /*position: absolute;
    left: 186px;
    top: 321px; z-index: 9;*/ }
/* 办公搜索类型 */
.wp-zhuanti-wrapper .wp-zhuanti-type { position: relative; top: 1px; z-index: 5; }
.wp-zhuanti-wrapper .wp-zhuanti-type li { border: 1px solid #5d5d5d; width: 70px; height: 32px; line-height: 33px; font-size: 14px; color: #fff; margin-right: 4px; text-align: center; cursor: pointer; }
.wp-zhuanti-wrapper .wp-zhuanti-type li.on { border-color: #febf2c; background: #febf2c; color: #010101; }
/* 办公搜索类型 */
.wp-zhuanti-wrapper .wp-zhuanti-box { position: relative; margin: 70px auto 0; width: 837px; height: 49px; }
.wp-zhuanti-box input { width: 692px; height: 46px; line-height: 46px; padding-left: 22px; border: 1px solid #FFFFFF; border-right: none; background: none; color: #000; outline: none;  border-top-left-radius:100px; border-bottom-left-radius:100px; background-color:#FFFFFF;font-size: 16px;}
.wp-zhuanti-box input::-webkit-input-placeholder { color: #F00;-webkit-opacity: 1; }
.wp-zhuanti-box .zhuanti-btn { width: 117px; height: 48px; display: inline-block; background: url(../images/sousuo.png) no-repeat; overflow: hidden; position: absolute }
.wp-zhuanti-box .zhuanti-btn:hover { background: url(../images/sousuo.png) no-repeat; background-position: -119px 0 }
.wp-zhuanti-box .zhuanti-btn i { margin-right: 5px; display: inline-block; vertical-align: -3px; width: 17px; height: 17px; background: url(../images/workppt-icon_new.png) no-repeat -101px -288px; }
.wp-zhuanti-wrapper .wp-zhuanti-box2 { position: relative; width: 100%; height: 49px; padding-top: 30px;  }
.wp-zhuanti-box2 input { width: 485px; height: 46px; line-height: 46px; padding-left: 122px; border: 1px solid #fff; border-right: none; background: #fff; color: #000; outline: none;border-top-left-radius:100px; border-bottom-left-radius:100px;font-size: 16px; }
.wp-zhuanti-box2 input::-webkit-input-placeholder { color: #F00;-webkit-opacity: 1; }
.wp-zhuanti-box2 .zhuanti-btn { width: 117px; height: 48px; display: inline-block; background: url(../images/sousuo3.png) no-repeat; overflow: hidden; position: absolute }
.wp-zhuanti-box2 .zhuanti-btn:hover { background: url(../images/sousuo3.png) no-repeat; background-position: -119px 0 }
.wp-zhuanti-box2 .zhuanti-btn i { margin-right: 5px; display: inline-block; vertical-align: -3px; width: 17px; height: 17px; background: url(../images/workppt-icon_new.png) no-repeat -101px -288px; }
.wp-zhuanti-wrapper .wp-zhuanti-sug { position: absolute; top: 50px; left: 0; width: 678px; z-index: 5; background: #fff; border: 1px solid #e0e0e0; }
.wp-zhuanti-sug li { height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer; }
.wp-zhuanti-sug li span { color: #444; }
.wp-zhuanti-sug li span.hot { color: #fe0000; }
.wp-zhuanti-sug li:hover { background: #fee9d7; }
/*新增加介绍*/
.ppt-introduce-box { float: right; width: 221px; height: 330px; background: url(../images/vip_b.png) no-repeat; margin-top: 46px }
.ppt-introduce-box p { font-size: 18px; color: #ffc000; width: 100%; text-align: center; margin-top: 64px; }
.ppt-introduce-box ul { margin-left: 52px; margin-top: 22px }
.ppt-introduce-box ul li { position: relative; font-size: 14px; color: #fff; margin-bottom: 19px; }
.ppt-introduce-box .wp-dl-btn { width: 124px; height: 32px; margin: 32px auto 0; line-height: 32px; text-align: center; font-size: 16px; color: #000; background: #febf2c; display: block; border-radius: 3px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.ppt-introduce-box .wp-dl-btn:hover { background: #fed77d; }
.ppt-advatWrapper { background: #fff; padding: 40px 0 40px; }
.ppt-advatBox { margin-bottom: 40px; background: #fff; margin-right: -20px; }
/*20170531ppt优势改分类*/
.ppt-advatBox .ppt-advat-list { width: 263px; text-align: center; padding: 20px 0 20px 20px; border: 1px solid #eeeeee; border-radius: 4px; margin-right: 20px; }
.ppt-advatBox .ppt-advat-list .crowd { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.ppt-advatBox .ppt-advat-list .advat-icon { margin: 25px auto 14px; display: block; width: 50px; height: 55px; background-image: url(../images/workppt-icon_new.png); background-repeat: no-repeat; }
.ppt-advatBox .ppt-advat-list .advat-icon.one { background-position: -76px -366px; }
.ppt-advatBox .ppt-advat-list .advat-icon.two { background-position: -77px -444px; }
.ppt-advatBox .ppt-advat-list .advat-icon.three { background-position: -77px -513px; }
.ppt-advatBox .ppt-advat-list .advat-icon.four { background-position: -12px -694px; width: 38px; }
.ppt-advatBox .ppt-advat-list .crowd { font-size: 18px; color: #000; text-align: left; }
.ppt-advatBox .ppt-advat-list ul { width: 192px; text-align: left; overflow: hidden; }
.ppt-advatBox .ppt-advat-list ul li { display: inline-block; margin: 2px 0; height: 19px; width: 93px; }
.ppt-advatBox .ppt-advat-list ul li i { content: ""; display: inline-block; font-size: 14px; color: #8b8b8b; }
.ppt-advatBox .ppt-advat-list ul li a { display: inline-block; font-size: 12px; color: #000; text-align: left; }
.ppt-advatBox .ppt-advat-list ul li.on a, .ppt-advatBox .ppt-advat-list ul li:hover a { color: #febf2c; }
.ppt-moduleBox .ppt-mainTitle { padding-top: 44px; text-align: center; }
.ppt-moduleBox .ppt-mainTitle .title { color: #000; font-size: 24px; font-weight: bold; vertical-align: middle; }
.ppt-moduleBox .ppt-mainTitle .check-more { color: #000; display: inline-block; border: 1px solid #d6d6d6; width: 75px; height: 26px; line-height: 26px; text-align: center; vertical-align: -3px; background: #fff; margin-left: 13px; border-radius: 3px; }
.ppt-moduleBox .ppt-mainTitle .title:hover { color: #febf2c; }
.ppt-moduleBox .ppt-mainTitle .check-more:hover { background: #febf2c; color: #fff; border-color: #febf2c; }
/*首页新增分类*/
.rec-classify { margin-right: -20px; }
.rec-classify .classify-box { width: 283px; height: 198px; border: 1px solid #e9e9e9; border-radius: 4px; margin-right: 20px; position: relative; overflow: hidden; }
.rec-classify .classify-box .title { position: absolute; bottom: 0px; left: 0; width: 100%; height: 39px; line-height: 39px; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF000000', endColorstr='#BF000000');
-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.rec-classify .classify-box .title a { display: block; color: #fff; padding: 0 15px; }
.rec-classify .classify-box .title a:hover { color: #febf2c; }
/*新增企业用户介绍*/
.own-comUser .ppt-mainTitle { font-size: 24px; color: #1f1f1f; text-align: center; font-weight: bold; }
.own-comUser .ppt-mainTitle a:hover { color: #1f1f1f; }
.own-comUser .ppt-mainTitle b { color: #ffb200; }
.own-comUser .comUser-introduce { margin-right: -30px; margin-top: 35px; }
.own-comUser .comUser-introduce .introduce-box { padding: 25px 25px 15px; width: 330px; height: 258px; -webkit-box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); -moz-box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); background: #fff; margin-right: 30px; overflow: hidden; }
.comUser-introduce .introduce-box .comUser-logo { height: 44px; }
.comUser-introduce .introduce-box .evaluate { width: 330px; text-align: left; text-indent: 29px; color: #7a7a7a; padding: 18px 0 8px; line-height: 23px; min-height: 117px; }
.comUser-introduce .introduce-box .comUser-intro span { margin-top: 26px; margin-right: 20px; color: #1f1f1f; font-weight: bold; }
.comUser-introduce .introduce-box .comUser-intro .user-icon { width: 62px; height: 62px; padding: 4px; border: 1px solid #e5e5e5; border-radius: 50%; }
.comUser-introduce .introduce-box .comUser-intro .user-icon img { border-radius: 50%; width: 63px; height: 63px; }
.own-comUser .com-user-img { margin: 28px 0 25px; }
/**** 搜索框列表下拉框 ***/
.select-list { display: none; width: 136px; background: white; text-align: center; border: 1px #dadada solid; border-radius: 4px; position: absolute; top: 52px; left: -2px; animation: sealist .2s ease-out; z-index: 5000; }
.select-list .triangle { background-position: -100px -2px; width: 18px; height: 10px; position: absolute; top: 3px; left: 45px; }
.select-list ul li { height: 35px; line-height: 35px; margin: 0 3px; border-bottom: 1px #eee solid; margin-bottom: -1px; }
.select-list ul a { color: #2e2e2e; }
.select-list ul a:hover { color: #499ef2; }
.officezhuanti { z-index: 5 }
.officezhuanti .zhuanti-sug { background: #222; border: 1px #555 solid; border-top: none; width: 689px; z-index: 10; display: none;margin-left: 95px; position: relative }
.officezhuanti .zhuanti-sug .sokeyup_1 { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; }
.officezhuanti .zhuanti-sug .sokeyup_1:hover { background: #666; }
.officezhuanti .zhuanti-sug .select { background: #444; }
.officezhuanti .zhuanti-sug .sokeyup_1 .sokeyup_2 { font-size: 14px; color: white; float: left; }
.officezhuanti .zhuanti-sug .sokeyup_1 .sokeyup_3 { color: white; font-size: 14px; float: right; }
.officezhuanti .zhuanti-sug .sokeyup_1.hot .sokeyup_2 { color: white; position: relative; }
.officezhuanti .zhuanti-sug .sokeyup_1.hot .sokeyup_2:after { position: absolute; content: ""; width: 22px; height: 10px; right: -31px; top: 15px; background: url(../images/zhuanti-hot.gif) no-repeat }

.officezhuanti .zhuanti-sug2 { background: #fff; border: 1px #ffc800 solid; border-top: none; width: 512px; z-index: 9; display: none; margin-left: 95px;position: absolute }
.officezhuanti .zhuanti-sug2 .sokeyup_1 { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; }
.officezhuanti .zhuanti-sug2 .sokeyup_1:hover { background: #e0e0e0; }
.officezhuanti .zhuanti-sug2 .select { background: #d0d0d0; }
.officezhuanti .zhuanti-sug2 .sokeyup_1 .sokeyup_2 { font-size: 14px; color: 333333; float: left; }
.officezhuanti .zhuanti-sug2 .sokeyup_1 .sokeyup_3 { color: 333333; font-size: 14px; float: right; }
.officezhuanti .zhuanti-sug2 .sokeyup_1.hot .sokeyup_2 { color: 333333; position: relative; }
.officezhuanti .zhuanti-sug2 .sokeyup_1.hot .sokeyup_2:after { position: absolute; content: ""; width: 22px; height: 10px; right: -31px; top: 15px; background: url(../images/zhuanti-hot.gif) no-repeat }
/* 20171205办公文档首页新增拼团入口 */
.grpWp-indexWp-entry { width: 160px; height: 264px; position: absolute; left: 2%; top: 200px; z-index: 200; -webkit-animation: jump-12 3s ease-in-out infinite; animation: jump-12 3s ease-in-out infinite; }
@keyframes jump-12 {
0% {
-webkit-transform:translate(0, 30px);
transform:translate(0, 30px)
}
50% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-transform:translate(0, 30px);
transform:translate(0, 30px)
}
}

 .zhuantiFloat {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999;
            height:80px;
        }